import {
  DesktopOutlined,
  FileOutlined,
  PieChartOutlined,
  TeamOutlined,
  UserOutlined,
} from '@ant-design/icons';
import { Link } from 'umi';
import type { MenuProps } from 'antd';
import { Breadcrumb, Layout, Menu } from 'antd';
import React, { useState } from 'react';

const { Header, Content, Footer, Sider } = Layout;

import "./index.css"


const BsinThemeLayout: React.FC = () => {

  return (
    <Layout style={{ minHeight: '100vh' }}>
      <Sider className="sider"
        style={{
          overflow: 'auto',
          height: '100vh',
          position: 'fixed',
          left: 0,
          top: 0,
          bottom: 0,
        }}
        collapsed={true}>
        <div className="logo" />
        {/* 应用列表 */}

      </Sider>
      <Sider className="site-layout-background subsider"
        style={{
          overflow: 'auto',
          height: '100vh',
          width: 120,
          maxWidth: 120,
          minWidth: 120,
          position: 'fixed',
          left: 80,
          top: 0,
          bottom: 0,
        }}
        collapsed={true}>
        {/* 菜单列表 */}

      </Sider>
      <Layout className="site-layout" style={{ marginLeft: 200 }}>
        <Header className="site-layout-background" style={{ padding: 0 }} />
        <Content style={{ margin: '0 16px' }}>
          <Breadcrumb style={{ margin: '16px 0' }}>
            <Breadcrumb.Item>User</Breadcrumb.Item>
            <Breadcrumb.Item>Bill</Breadcrumb.Item>
          </Breadcrumb>
          <div className="site-layout-background" style={{ padding: 24, minHeight: 360 }}>
            Bill is a cat.
          </div>
        </Content>
        <Footer style={{ textAlign: 'center' }}>Ant Design ©2018 Created by Ant UED</Footer>
      </Layout>
    </Layout>
  );
};

export default BsinThemeLayout;